@charset "utf-8";

*{padding: 0; margin: 0;}
*{ touch-action: pan-y;} 
html,body{font-family: Arial, "微软雅黑", "Microsoft YaHei", "Helvetica Neue", Helvetica, FontAwesome, "Glyphicons Halflings", sans-serif;}
a{ outline: none;}
a:hover{text-decoration: none; outline: none;}
a:visited{ text-decoration: none; outline: none;}
.navbar{background-color: #ffffff; border-radius: 0px; border:none; /*border-bottom:1px solid #d6d6d6;*/}
.top-navbar{width:100%; height: 36px; background-color: #fff; border-bottom:1px dotted #e1e1e1; border-top:2px solid #f60;}
.topdown-navbar{width:100%; /*height: 90px;*/ background-color: #ffffff; border-top: 3px solid #f60; padding: 15px 0;}
.top-navbar li a{display: block; padding: 0px 15px; color:#000!important; font-weight: bold; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; line-height: 34px; font-size: 12px; background:url(../images/sline.jpg) right center no-repeat;}
.top-navbar li a:hover{color:#007ac4!important;}

.pager li > a, .pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #ffffff;
    border: 1px solid #555555;
    border-radius: 0px;
}
.pager li > a{border: none;}
/*
.topdown-navbar li{display: block;}
.topdown-navbar li a{display: block; padding: 0px; margin: 0 13px; color:#555555!important; font-weight: bold; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; position: relative; line-height: 70px; font-size: 14px; font-family: Arial,'Microsoft YaHei','微软雅黑';}
.topdown-navbar li a:after{content: '';	display: block; position: absolute;  width: 0px; height: 3px; background: #ffffff; top: 72px; left: 50%;transition: all 0.4s ease;	-moz-transition: all 0.4s ease;	-webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease;}
.topdown-navbar li a:hover,.topdown-navbar li a:focus,.topdown-navbar li.on a:hover{color:#ff4100!important; transform:translate(0px,-3px); background-color: #fff!important;}
.topdown-navbar li a:hover:after{height: 3px;left: 0;right: 0;width: 100%; background: #ff4100;}

.topdown-navbar li ul{padding: 20px 0;}
.topdown-navbar li li a{ padding-left: 10px;  line-height: 36px;}
.topdown-navbar li li a:after{top:38px;}

.topmenu1{background-color: #a85624;background-color:transparent; padding-left: 10px; padding-right: 10px;}
.topmenu2{padding-left: 210px;}*/
.navbar-brand { padding: 0px 15px 0px 0px;}
/*
.nav > li > a {
    position: relative;
    display: block;
    padding: 28px 30px 35px!important;
	font-weight: bold;
	transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
}
.navbar-nav > li > a:after{
	content: '';
	display: block;
    position: absolute;
    width: 0px;
    height: 0px;
    border-radius: 5px;
    background: #ff4100;
    top: 77px;
    left: 50%;
	transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
}
.navbar-nav > li > a:hover{
	color:#007ac4!important;
}
.navbar-nav > li > a:hover:after{
	height: 12px;
	left: 0;
	right: 0;
	width: 100%;
}
.navbar-nav > .active > a {
    color:#333!important;
	background-color: #ffffff!important;
}
.navbar-nav > .active > a:after {
    height: 12px;
	left: 0;
	right: 0;
	width: 100%;
}
*/
.section{margin-bottom: 0; text-align: center;}
.sec1{background-image: url(../images/q3.jpg); background-repeat:no-repeat; background-size: cover; background-position: center center;}
.tr1{width:100%; padding: 0 15%;color:#fff;}
.tr1 h3{ color:#A70F11;color:#fff; opacity: 0;}
.tr1 h1{font-size: 42px; font-weight: bold; color:#fff; opacity:0;}
.tr1 p{ opacity: 0;  color:#A70F11;color:#fff;}
.tr1btn{display: block; box-sizing: border-box; vertical-align: middle; margin: 100px auto 0; cursor:pointer; width:220px; height: 40px; background: none; border:0; border-radius: 6px; box-shadow: inset 0 0 0 2px #000; position: relative; color:#000; text-align: center; font-size: 20px; line-height: 38px; transition: color 0.25s; -webkit-transition: color 0.25s; -moz-transition: color 0.25s; -o-transition: color 0.25s; opacity: 0; }
.tr1btn:before, .tr1btn:after{content: ''; box-sizing: border-box; width:0; height: 0; position: absolute; border:2px solid transparent;border-radius: 6px;}
.tr1btn:before{top:0; left: 0;}
.tr1btn:after{bottom: 0; right:0;}
.tr1btn:hover{color:#fff;}
.tr1btn:hover:before, .tr1btn:hover:after{width:100%; height: 100%;}
.tr1btn:hover:before{
	border-top-color: #fff; 
	border-right-color:#fff; 
	transition: width 0.25s ease-out, height 0.25s ease-out 0.25s; 
	-webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s; 
	-moz-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s; 
	-o-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}
.tr1btn:hover:after{
	border-bottom-color: #fff; 
	border-left-color: #fff; 
	transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s; 
	-webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s; 
	-moz-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s; 
	-o-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}

.sec2{background-image: url(../images/q2.jpg); background-repeat:no-repeat; background-size: cover; background-position: center center;}
.sec2 .container{ margin: 0px auto 0 auto; margin-top: 70px; position: relative; height: 100%;}
.locatediv{position: relative; height: 790px;}
.sec2_con_1, .sec2_con_2, .sec2_con_3, .sec2_con_4, .sec2_con_5{color:#fff; position:absolute; text-align: left;}
.sec2_con_1 h3,.sec2_con_2 h3,.sec2_con_3 h3,.sec2_con_4 h3,.sec2_con_5 h3{font-weight: bold;}
.sec2_con_1 p,.sec2_con_2 p,.sec2_con_3 p,.sec2_con_4 p,.sec2_con_5 p{font-size: 12px;}

.sec2_con_1{left:54px; top:50px; text-align: left}
.sec2_con_1_100{position: relative; width: 430px;}
.sec2_con_1_100 h3{position: absolute;top:21px; left: 285px;}
.sec2_con_1_100 p{position: absolute;top:79px; left: 285px;}
.sec2_con_2{left:15px; top:332px;}
.sec2_con_3{left:874px; top:140px;}
.sec2_con_3_100{position: relative;}
.sec2_con_3_100 h3{position: absolute;top:228px; left: 27px;}
.sec2_con_3_100 p{position: absolute;top:284px; left: 27px;}
.sec2_con_4{left:620px; top:530px; }
.sec2_con_4_100{position: relative; width:200px;}
.sec2_con_4_100 img{ position: absolute; left: 204px; top:0;}
.sec2_con_4_100 h3{position: absolute; left: 109px; top:115px;}
.sec2_con_4_100 p{position: absolute; left: 0; top:173px;}
.sec2_con_5{left:454px; top:258px;}
.locatediv .blackbtn{position: absolute; left: 470px; top:560px; opacity: 1;}


/*
.sec2 .tr2img1{position: absolute; left: 278px; top:190px; opacity: 0; filter:alpha(option=0);}
.sec2 .tr2img2{position: absolute; left: 0px; top:280px; opacity: 0; filter:alpha(option=0);}
.sec2 .tr2img3{position: absolute; left: 176px; top:526px; opacity: 0; filter:alpha(option=0);}
.sec2 .tr2txt{position: absolute; width:312px; height: auto; left: 744px; top:302px; text-align: left; }
.sec2 .tr2txt h3{font-size: 22px; font-family: '微軟正黑體',sans-serif; font-weight:normal; color:#000; opacity: 0; filter:alpha(option=0);}
.sec2 .tr2txt h3#tr2h32{margin-top: 40px;}
.sec2 .tr2txt .splitline_0, .sec2 .tr2txt .splitline_1{display: block; width:0%; height: 1px; background-color: #159e83; margin-top: 10px; margin-bottom:15px; transition: width 1s; -webkit-transition: width 1s; -moz-transition: width 1s; -o-transition: color width 1s;}
.sec2 .tr2txt p{color:#999; opacity: 0; filter:alpha(option=0); font-size: 13px;}
*/
.redbtn{display: block; box-sizing: border-box; vertical-align: middle; margin: 50px 0 0; cursor:pointer; width:220px; height: 40px; background: none; border:0; border-radius: 6px; box-shadow: inset 0 0 0 2px #ff4100; position: relative; color:#ff4100; text-align: center; font-size: 20px; line-height: 38px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;opacity:0;}
.redbtn:hover{box-shadow: inset 0 0 0 2px #000; background: #000; color:#fff;}

.blackbtn{display: block; box-sizing: border-box; vertical-align: middle; margin: 50px 0 0; cursor:pointer; width:220px; height: 40px; background: none; border:0; border-radius: 6px; box-shadow: inset 0 0 0 2px #000; position: relative; color:#000; text-align: center; font-size: 20px; line-height: 38px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;opacity:0;}
.blackbtn:hover{box-shadow: inset 0 0 0 2px #000; background: #000; color:#fff;}

.bluebtn{display: block; box-sizing: border-box; vertical-align: middle; margin: 50px 0 0; cursor:pointer; width:220px; height: 40px; background: none; border:0; border-radius: 6px; box-shadow: inset 0 0 0 2px #52b4f3; position: relative; color:#52b4f3; text-align: center; font-size: 20px; line-height: 38px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;opacity:0;}
.bluebtn:hover{box-shadow: inset 0 0 0 2px #000; background: #000; color:#fff;}
/*
.redbtn{display: block; box-sizing: border-box; vertical-align: middle; margin: 50px 0 0; cursor:pointer; width:220px; height: 40px; background: none; border:0; border-radius: 6px; box-shadow: inset 0 0 0 2px #ff4100; position: relative; color:#ff4100; text-align: center; font-size: 20px; line-height: 38px; transition: color 0.25s; -webkit-transition: color 0.25s; -moz-transition: color 0.25s; -o-transition: color 0.25s;opacity:0;filter:alpha(opacity=0);}

.redbtn:before, .redbtn:after{content: ''; box-sizing: border-box; width:0; height: 0; position: absolute; border:2px solid transparent;border-radius: 6px;}
.redbtn:before{top:0; left: 0;}
.redbtn:after{bottom: 0; right:0;}
.redbtn:hover{color:#000;}
.redbtn:hover:before, .redbtn:hover:after{width:100%; height: 100%;}
.redbtn:hover:before{
	border-top-color: #000; 
	border-right-color:#000; 
	transition: width 0.25s ease-out, height 0.25s ease-out 0.25s; 
	-webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s; 
	-moz-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s; 
	-o-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}
.redbtn:hover:after{
	border-bottom-color: #000; 
	border-left-color: #000; 
	transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s; 
	-webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s; 
	-moz-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s; 
	-o-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}*/



.sec3{background-image: url(../images/q4.jpg); background-repeat:no-repeat; background-size: cover; background-position: center center; }
.sec3 .container{ /*margin: 70px auto 0px auto; height: 100%;*/}
.sec3 h3{/*border-bottom: 1px solid #fff; padding-bottom: 20px;*/  margin-top: 120px; margin-bottom: 35px; opacity: 0;}
.sec3 h3 a{font-size: 36px; font-weight:normal; color:#fff; font-weight: bold; text-shadow: 0 0 3px #222; position: relative; display: block; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; }
.sec3 h3 a:after{content: '';	display: block; position: absolute;  width: 0px; height: 1px; background: #ffffff; top: 52px; left: 50%;transition: all 0.4s ease;	-moz-transition: all 0.4s ease;	-webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease;}
.sec3 h3 a:hover{color:#ff4100!important; transform:translate(0px,-3px); text-shadow:none;}
.sec3 h3 a:hover:after{height: 1px;left: 0;right: 0;width: 100%; background: #fff;}

.sec3item{ width: 475px; height: 150px; position: relative; padding-top: 15px; float: left; margin: 30px; opacity: 0;}
.sec3item1{width:150px; height: 150px; border-radius: 50%; color:#fff; position: absolute; left: 0; top:0; font-size: 24px; text-align: center; padding: 36px 20px 20px;}
.sec3item1p{display: block; box-sizing: border-box; width:400px; height: 120px;  padding: 30px 30px 30px 105px; margin-left: 75px; color:#fff; font-size: 12px; border-radius: 0px 16px 16px 0px; text-align: left;}

.redc{background-color: #c5181f;}
.redcline{background-color: rgba(0,0,0,0.3); border: 1px solid #c5181f;}
.redcline:hover{background-color: rgba(0,0,0,0.6);}

.greenc{background-color: #85cc54;}
.greencline{background-color: rgba(0,0,0,0.3); border: 1px solid #85cc54;}
.greencline:hover{background-color: rgba(0,0,0,0.6);}

.yellowc{background-color: #feaa62;}
.yellowcline{background-color: rgba(0,0,0,0.3); border: 1px solid #feaa62;}
.yellowcline:hover{background-color: rgba(0,0,0,0.6);}

.bluec{background-color: #52b4f3;}
.bluecline{background-color: rgba(0,0,0,0.3); border: 1px solid #52b4f3;}
.bluecline:hover{background-color: rgba(0,0,0,0.6);}



.sec4{background-image: url(../images/q5.jpg); background-repeat:no-repeat; background-size: cover; background-position: center center;}
.sec4 .container{}
.sec4 h3{margin-bottom: 35px; margin-top: 100px; opacity: 0;}
.sec4 h3 a{font-size: 36px; font-weight:normal; color:#fff; font-weight: bold; text-shadow: 0 0 3px #222; position: relative; display: block; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; }
.sec4 h3 a:after{content: '';display: block; position: absolute;  width: 0px; height: 1px; background: #ff9900; top: 52px; left: 50%;transition: all 0.4s ease;	-moz-transition: all 0.4s ease;	-webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease;}
.sec4 h3 a:hover{transform:translate(0px,-3px); text-shadow:none;}
.sec4 h3 a:hover:after{height: 1px;left: 0;right: 0;width: 100%; background: #ff9900;}
/*
.sec4item{ width: 100%; margin: auto; margin-bottom: 5px; background-color: rgba(0,102,153,0.4);opacity: 0;}
.sec4item:nth-of-type(1){border-bottom: 1px dotted #17587e;}
.sec4item:nth-of-type(2){border-bottom: 1px dotted #c5181f;}
.sec4itemp1{ float: left; width:50%; text-align: left; padding: 30px 40px 40px; color:#fff;  font-size: 14px;}
.sec4itemp1 strong{font-size: 18px; font-weight: bold; display: block; margin-bottom: 20px; color:#52b4f3;}
.sec4itempic1{ float: right; width: 50%; height: 210px; background: url(../images/cang01.png) left center no-repeat transparent;}

.sec4itemp2{ float: right; width:50%; text-align: left; padding: 50px 40px 40px; color:#fff;  font-size: 14px;}
.sec4itemp2 strong{font-size: 18px; font-weight: bold; display: block; margin-bottom: 20px; color:#c5181f;color:#f60;}
.sec4itempic2{ float: left; width: 50%; height: 210px; background: url(../images/cang02.png) right center no-repeat transparent;}

.sec4itemp3{ float: left; width:50%; text-align: left; padding: 50px 40px 40px; color:#fff;  font-size: 14px;}
.sec4itemp3 strong{font-size: 18px; font-weight: bold; display: block; margin-bottom: 20px; color:#85cc54;}
.sec4itempic3{ float: right; width: 50%; height: 210px; background: url(../images/cang03.png) left center no-repeat transparent;}*/


.sec4item{ float: left; width:31%; min-height: 476px; box-sizing: border-box; margin: 0 1%; background-color: rgba(0,102,153,0.4);opacity: 0;}
.sec4itemp1{ text-align: left; padding: 30px 40px 40px; color:#fff;  font-size: 14px;}
.sec4itemp1 strong{font-size: 18px; font-weight: bold; display: block; margin-bottom: 20px; color:#52b4f3;}
.sec4itempic1{ height: 210px;  background: url(../images/cang01.png) center center no-repeat transparent; background-size: 80% 80%;}

.sec4itemp2{ text-align: left; padding: 50px 40px 40px; color:#fff;  font-size: 14px;}
.sec4itemp2 strong{font-size: 18px; font-weight: bold; display: block; margin-bottom: 20px; color:#c5181f;color:#f60;}
.sec4itempic2{ height: 210px; background: url(../images/cang02.png) center center no-repeat transparent; background-size: 80% 80%;}

.sec4itemp3{ text-align: left; padding: 30px 40px 40px; color:#fff;  font-size: 14px;}
.sec4itemp3 strong{font-size: 18px; font-weight: bold; display: block; margin-bottom: 20px; color:#85cc54;}
.sec4itempic3{ height: 210px; background: url(../images/cang03.png) center center no-repeat transparent; background-size: 80% 80%;}




.sec5{background-image: url(../images/q6.jpg); background-repeat:no-repeat; background-size: cover; background-position: center center;}
.sec5 h3{margin-bottom: 70px; margin-top: 70px; opacity: 0;}
.sec5 h3 a{font-size: 36px; font-weight:normal; color:#fff; font-weight: bold; text-shadow: 0 0 3px #222; position: relative; display: block; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; }
.sec5 h3 a:after{content: ''; display: block; position: absolute;  width: 0px; height: 1px; background: #ff0000; top: 52px; left: 50%;transition: all 0.4s ease;	-moz-transition: all 0.4s ease;	-webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease;}
.sec5 h3 a:hover{transform:translate(0px,-3px); text-shadow:none;}
.sec5 h3 a:hover:after{height: 1px;left: 0;right: 0;width: 100%; background: #ff0000;}
.sec5item{float:left; width:18%; margin: 1%; opacity: 0;}
.sec5item h4{ color:#fff; margin: 0; padding: 15px 0; border-radius: 8px 8px 0px 0px;}
.sec5itemh4c1{background-color: #337ab7;}
.sec5itemh4c2{background-color: #c5181f;}
.sec5itemh4c3{background-color: #85cc54;}
.sec5itemh4c4{background-color: #feaa62;}
.sec5itemh4c5{background-color: #ed687c;}
.sec5item p{display: block; box-sizing: border-box; width:100%; height: 180px; padding: 30px; color:#fff; background-color: rgba(255,255,255,0.3); text-align: left; border-radius: 0px 0px 8px 8px; transition: all 0.4s ease;	-moz-transition: all 0.4s ease;	-webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease;border:1px solid transparent;}
.sec5item p:hover{background-color: rgba(0,0,0,0.3); border:1px solid #fff; border-top:none;}

.sec6{background-image: url(../images/q7.jpg); background-repeat:no-repeat; background-size: cover; background-position: center center;}
.sec6 h3{margin-bottom: 70px; margin-top: 0px;opacity: 0;}
.sec6 h3 a{font-size: 36px; font-weight:normal; color:#fff; font-weight: bold; text-shadow: 0 0 3px #222; position: relative; display: block; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; }
.sec6 h3 a:after{content: ''; display: block; position: absolute;  width: 0px; height: 1px; background: #fff; top: 52px; left: 50%;transition: all 0.4s ease;	-moz-transition: all 0.4s ease;	-webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease;}
.sec6 h3 a:hover{transform:translate(0px,-3px); text-shadow:none; color:#ff0;}
.sec6 h3 a:hover:after{height: 1px;left: 0;right: 0;width: 100%; background: #fff;}

.sec6_item_con{padding-left: 10px; padding-right: 10px; opacity: 0;}
.sec6_item{position: relative;}
.sec6_item_front{width:100%; height: 250px;  position: absolute;}
.sec6_item_front div{width:100%; height: 250px; padding: 20px; padding-bottom: 0; background-color: #ececec;}
.sec6_item_front h2{margin-bottom: 20px;}
.sec6_item_back{width:100%; height: 250px;}
.sec6_item_back div{width:100%; height: 250px; padding: 50px 20px 0px; background-color: #d20000;}
.sec6_item_back p{color:#fff;}

/*
.sec6item{width:84%; margin: auto; }
.sec6item p{color:#fff; margin: 0; padding: 15px 0px; border-radius: 25px; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease;}
.sec6item p span{font-size: 18px; color:#000; font-family: 'Microsoft YaHei','微软雅黑',Arial; font-style: italic; font-weight: bold; padding-right: 15px; }
.sec6item p:hover{text-indent: 1em; color:#f60; font-weight: bold;}
.sec6item p:hover span{color:#f60;}
.sec6itemp1{background-color: rgba(68,68,68,0.5); transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease;}
.sec6itemp2{background-color: rgba(255,255,255,0.5); transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease;}
.sec6itemp3{background-color: rgba(68,68,68,0.5); transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease;}
.sec6itemp4{background-color: rgba(255,255,255,0.5); transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease;}
.sec6itemp5{background-color: rgba(68,68,68,0.5); transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease;}
.sec6itemp6{background-color: rgba(255,255,255,0.5); transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease;}
.sec6itemp1:hover{background-color: rgba(68,68,68,1);}
.sec6itemp2:hover{background-color: rgba(255,255,255,1);}
.sec6itemp3:hover{background-color: rgba(68,68,68,1);}
.sec6itemp4:hover{background-color: rgba(255,255,255,1);}
.sec6itemp5:hover{background-color: rgba(68,68,68,1);}
.sec6itemp6:hover{background-color: rgba(255,255,255,1);}
*/

@-webkit-keyframes flipOutYtest {
  from {
    -webkit-transform: perspective(1400px);
    transform: perspective(1400px);
	opacity: 1;
  }

  40% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 60deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, 60deg);
    opacity: 1;
  }

  50% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
    opacity: 0;
  }
}

.fliptest{
  -webkit-animation: flipOutYtest 0.75s linear;
  animation: flipOutYtest 0.75s linear;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


@-webkit-keyframes flipInYtest {
  from {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
    opacity: 0;
  }

  50% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(1400px);
    transform: perspective(1400px);
    opacity: 1;
  }
}

.fliptest2{
  -webkit-animation: flipInYtest 0.75s linear;
  animation: flipInYtest 0.75s linear;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}



.sec7{background-image: url(../images/q8.jpg); background-repeat:no-repeat; background-size: cover; background-position: center center;}
.sec7 h3{margin-bottom: 70px; margin-top: 70px; opacity: 0;}
.sec7 h3 a{font-size: 36px; font-weight:normal; color:#fff; font-weight: bold; text-shadow: 0 0 3px #222; position: relative; display: block; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; cursor: move;}
.sec7 h3 a:after{content: ''; display: block; position: absolute;  width: 0px; height: 1px; background: #fff; top: 52px; left: 50%;transition: all 0.4s ease;	-moz-transition: all 0.4s ease;	-webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease;}
.sec7 h3 a:hover{transform:translate(0px,-3px); text-shadow:none; color:#ff0;}
.sec7 h3 a:hover:after{height: 1px;left: 0;right: 0;width: 100%; background: #fff;}
.sec7item{padding: 15px; opacity: 0;}
.shell{background-color: transparent;  width: 100%; padding-top:30px; padding-bottom:30px; border-radius:16px; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease;}
.advantages i{font-size: 80px; color:#fff; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease;}
.sec7item p{padding: 20px; padding-top: 40px; color:#fff; font-size: 15px; }
.shell:hover{background-color: rgba(71,158,218,0.85);}
.shell:hover .advantages i{font-size: 76px; transform: translateY(-5px)}

.sec8{background-image: url(../images/q9.jpg); background-repeat:no-repeat; background-size: cover; background-position: center center;}
.sec8 h3{margin-bottom: 70px; margin-top: 70px; opacity: 0;}
.sec8 h3 a{font-size: 36px; font-weight:normal; color:#fff; font-weight: bold; text-shadow: 0 0 3px #222; position: relative; display: block; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; cursor: move;}
.sec8 h3 a:hover{transform:translate(0px,-3px); text-shadow:none; color:#f00;}
.sec8 .workflow{opacity: 0;}

.sec9{background: #479ed4; background-repeat:no-repeat; background-size: cover; background-position: center center;}
.sec9 h3{margin-bottom: 70px; margin-top: 0px; opacity: 0;}
.sec9 h3 a{font-size: 36px; font-weight:normal; color:#fff; font-weight: bold; text-shadow: 0 0 3px #222; position: relative; display: block; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; cursor: move;}
.sec9 h3 a:hover{transform:translate(0px,-3px); text-shadow:none; }
.corelTermWarp{max-width:220px; margin: 0 auto;}
.sec9item{ opacity: 0;}
.corelTerm{position: relative; left: 0; top: 0;right: 0; bottom: 0; width:100%; height: 0; padding-top: 100%; border-radius: 50%; overflow: hidden;}
.corelTerm img{transition: all 0.5s ease-in; position: absolute; left: 0; top:0; right: 0; bottom:0; max-width:100%; max-height:100%; margin: auto;}
.corelTerm:hover img{transform: rotate(-1.5deg) scale(1.4);}
.terminfo{ margin-top: 20px;}
.terminfo h4{color:#fff; background: url(../images/dotp.jpg) left center repeat-x;}
.terminfo h4 span{padding: 0 15px; background-color: #479ed4; text-shadow: 1px 1px 3px #666;}
.terminfo p{color:#fff; text-align: center; font-size: 15px; font-weight: bold; text-shadow: 1px 1px 3px #666;}

.sec10{background: #e6e6e6; background-repeat:no-repeat; background-size: cover; background-position: center center;}
.sec10 h3{margin-bottom: 70px; margin-top: 0px;}
.sec10 h3 a{font-size: 36px; font-weight:normal; color:#fff; font-weight: bold; text-shadow: 0 0 3px #222; position: relative; display: block; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; cursor: move;}
.sec10item1{background-color: #000000;}
.video_shell{margin: 0 auto; text-align: center;}
.video-js { margin: 0 auto;}
.sec10item2{height: 300px; background: url(../images/vbj.jpg) 46px top no-repeat #fff;;}
.vidshell{padding: 30px 0px 0px 30px;}
.vidshell li{list-style: none; text-align: left; line-height: 28px;}
.vidshell li h3{margin-bottom: 30px;}
.vidshell li a{transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; }
.vidshell li a:hover{color:#cc0000; text-indent: 1em;}

#footer{ position: absolute; width:100%; left: 0; bottom:0;}
.footer{padding: 10px 0px; background-color: #385dae; text-align: left;}
.footer li a{font-size: 13px;}
.footerdown{padding: 20px 0px 10px;}
.footerdown p{font-size: 12px; color:#333; text-align: left;}
.footerdown p span{padding: 0 20px;}
.footerdown a{color:#333;}
.footer h4{color:#fff; text-align: left;}
.footer a{color:#8faae3;}
.footer a:hover{color:#fff;}
.iplist li, .iabout li, .iinfo li{text-align: left; list-style: none;}
.iplist, .iabout, .iinfo{background: url(../images/j1.png) top right no-repeat;}
.ishare{color:#fff;}
.ishare img{max-width: 100px;}
.ishare p{font-size: 12px; padding-top: 5px;}

/*about*/
.innerbanner{width:100%; height: 265px; overflow: hidden; margin: 83px auto 0; text-align: center; position: relative;}
.innerbanner h2{color:#fff; height: 60px; background: url(../images/titlehb.png) center center no-repeat; margin: 70px auto 0px; font-weight: bold; text-align: center; line-height: 58px;}
.innerbanner h2 span{ display: block; padding: 0px 0px; width:310px; color:#032b3d; text-align: center; border-top:1px solid #032b3d;border-bottom:1px solid #032b3d; margin: 0 auto; border-radius: 12px;}
.aboutbanner{background: url(../images/about_banner.jpg) center top no-repeat;}
.nobgbar{width:100%; height: 1px; overflow: hidden; margin: 83px auto 0; text-align: center; position: relative; background-color: #a0a0a0;}

.maindiv{min-height: 390px; padding: 20px 0px 70px;}
/*singlepage*/
.singlebanner{background: url(../images/pro_banner.jpg) center bottom no-repeat;}
.singlebanner1{background: url(../images/pro1_banner.jpg) center bottom no-repeat;}
.singlebanner2{background: url(../images/pro3_banner.jpg) center bottom no-repeat;}
.singlebanner3{background: url(../images/pro5_banner.jpg) center bottom no-repeat;}
.singlebanner5{background: url(../images/pro6_banner.jpg) center bottom no-repeat;}
.singlebanner6{background: url(../images/pro7_banner.jpg) center bottom no-repeat;}

.location{ position: absolute; left: 0; bottom: 0; width:100%; height: 50px; background-color: #fff; border-bottom:1px solid #a0a0a0;}
.nobgbar .location{border-top:1px solid #a0a0a0; border-bottom:1px solid #f5f5f5;}
.currentdiv{line-height: 50px; text-align: left; color:#222;}
.currentdiv i{font-size: 18px;}
.currentdiv a{padding:0 25px;}
.currentdiv a:hover{color:#f60;}

.maindiv h1, .maindiv h2, .maindiv h3, .maindiv h4, .maindiv h5, .maindiv h6{ margin-top: 40px; margin-bottom: 20px;}
blockquote{font-size: 13px;}
blockquote ul li{list-style: none;}

/*在线客服QQ层*/
.side{position:fixed;width:54px;height:275px;right:0px;top:214px;z-index:100;}
.side ul li{ display:block; width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444; list-style:none;}
.side ul li a{ text-decoration:none;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.6;filter:Alpha(opacity=60);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.sideboxtxt{ font-size:12px !important;}
.side ul li .sidebox:hover{cursor:pointer;}
.side ul li:first-child .sidebox{ border-radius:12px 0 0 0;}
.side ul li:last-child .sidetop{ border-radius:0 0 0 12px;}
.side ul li #sidebox{position:absolute;width:160px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.6;filter:Alpha(opacity=60);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.6;filter:Alpha(opacity=60);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ff6600;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}


/**about*/
.bodycontent{background: url(../images/500600484.jpg) right bottom no-repeat;}
.wms1ul{padding: 42px 0 0 42px; }
.wms1ul, .wms1ul li{list-style: none; font-size: 15px; line-height: 1.8;}
.wms1ul li i{ padding-right: 8px; font-size: 18px;}
.wms1pic img{max-width: 100%;}
.wms1pic- img{border: 1px solid #000606; max-width: 100%; padding: 8px;}

.tworow{margin-left: 0; margin-right: 0;}
.tworow-1{padding: 15px; border: 2px solid #f60; border-radius: 25px; text-align: center; height: 126px;}
.tworow-1 h4{margin-top: 10px; margin-bottom: 10px;}
.tworow-2{padding: 0; margin: 0; display:block; position: relative;  min-height: 1px; float: left; width:12.50%; height: 78px; text-align: center; background: url(../images/cofferArrow.png) right bottom no-repeat; padding-top: 45px;}
.tworow-2 p{padding-bottom: 30px;}
.tworow-3 img{max-width: 100%;}

.wms2ul{padding: 0px 0 0 42px; }
.wms2ul, .wms2ul li{list-style: none; font-size: 15px; line-height: 1.8;}
.wms2ul li i{ padding-right: 8px; font-size: 18px;}

.amscontent{}
.amscontent h2 small{padding-left: 10px; font-size: 13px;}
.nopadding{padding: 0;}

.dangandiv{ height: 240px; background-color: #3d86ef; border-radius: 32px; text-align: center; line-height: 238px; font-size: 24px; color:#fff; margin-top: 138px;}
.danganArrow-leftBottom-rightTop{background: url(../images/blueArrow-leftTop.png) top right no-repeat transparent; height: 200px; margin-top: 40px;}
.danganArrow-center-center{background: url(../images/blueArrow.png) center right no-repeat transparent; height: 30px;}
.danganArrow-leftTop-rightBottom{background: url(../images/blueArrow-topBottom.png) bottom right no-repeat transparent; height: 200px;}

.danganBox{padding:35px; border:1.5px solid #3d86ef; margin-bottom: 70px; position: relative; border-radius: 16px;}
.danganBox h3{ margin: 0px 0px 10px 0px; position: absolute; top:-22px; left: 94px; width:330px; height: 42px; border-radius: 8px; text-align: center; color:#fff; line-height: 42px; background-color: #3d86ef;}

.kuanpindiv{ width:1920px; margin-left:-960px; position:absolute; left:50%; text-align:center; padding: 30px 0px; background: url(../images/598835c6722890.jpg) center top no-repeat;}
.treerow p strong{font-size: 24px;}
.treerow ul{padding-left: 20px;}
.treerow ul li{padding-left: 0px; font-size: 18px;}

.treerow{background-color: #404040; padding: 20px; color:#fff;}
.treerowdiv{background: url(../images/500086892.jpg) 270px center no-repeat;}
.treerowp{padding: 56px 25px; font-size: 16px; color:#333;}
.treerowdiv1{background-color: #f2f2f2;}

.treerowdiv2{padding: 70px 0px 70px 190px; background: url(../images/a.png) left top no-repeat;}
.treerowdiv3{padding: 70px 0px 70px 190px; background: url(../images/b.png) left top no-repeat;}
.treerowdiv4{padding: 70px 0px 70px 190px; background: url(../images/c.png) left top no-repeat;}
.treerowdiv5{padding: 70px 0px 70px 190px; background: url(../images/d.png) left top no-repeat;}
.treerowdiv2 h5 strong, .treerowdiv3 h5 strong, .treerowdiv4 h5 strong, .treerowdiv5 h5 strong{font-size: 21px;}

.treerowdiv6{background: url(../images/e.png) bottom right no-repeat;}
.treerowdiv6 p{padding-bottom: 15px;}
.treerowdiv6 ul{padding-left: 0;}
.treerowdiv6 ul li{list-style: none; padding-left: 0px;}
.treerowdiv7 p{padding-bottom: 15px;}
.treerowdiv7 ul li{padding-left: 0px;}
.treerowdiv8{background-color: #f2f2f2;}

.amsul{padding-left: 20px;}
.amsul li{}
.table-responsive .table th{font-weight: bold; color:#fff; background-color: #5081bc;}
.table-responsive .table td{vertical-align: middle; padding-left: 10px;}
.amsul2{padding-left: 20px;}


.productdiv{width:100%; padding: 35px 0; background-color: #fff;min-height: 390px;}
.prolist{ position: relative; padding: 0 9px; margin-bottom: 20px; transition: all 0.3s ease; background-color: transparent;}
.prolist:hover{box-shadow: 0px 0px 15px rgba(0,0,0,0.45); background-color: #fff; padding: 0;}
.prolistwrap{ max-width: 250px; margin: 0 auto; }
.prolistpic{ position: relative; width: 100%; height: 0; padding-top: 100%; font-size: 0; background-color: #fff; overflow: hidden;}
.prolistpic img{transition: all 0.5s ease-in; position: absolute; left: 0; top:0; right: 0; bottom:0; max-width:100%; max-height:100%; margin: auto;}
.prolistpic:hover img{transform: rotate(-1.5deg) scale(1.4);}
.prolisttxt{padding-top: 10px; background-color: #fff;}
.prolistname{ line-height: 21px; height: 42px; overflow: hidden; margin-bottom: 5px; text-align: center; font-size: 14px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.prolistname a{font-size: 12px; font-weight: bold; text-align: center; color:#000;}
.prolistname a:hover{color:#f60;}

a.backbtn{display: inline-block; padding: 5px 25px; background-color: #f5f5f5; color:#434343; font-size: 16px; border:1px solid #434343; margin: 50px auto 100px; text-align: center; border-radius: 8px;}
a.backbtn:hover{background-color: #ff6600; border:1px solid #ff6600; color:#fff;}

.pagediv{ margin:10px auto 10px auto; width:100%;  height:30px; font-size:14px; color:#777; font-family:Cambria,'Microsoft YaHei'; text-align:center;}
.pagediv a{ display:inline-block; _zoom:1;*display:inline; padding:5px 10px; margin-left:2px; margin-right:2px; color:#f60; border:1px solid #f60; background-color:#fff;}
.pagediv span{display:inline-block; _zoom:1;*display:inline;margin-left:2px; margin-right:2px;padding:5px 10px;color:#ccc; border:1px solid #ccc;}
.pagediv span.pageinfo{padding:5px 10px;color:#ccc; border:1px solid #ccc; background-color:#fff;}
.pagediv span.thisclass{padding:5px 10px; color:#fff; border:1px solid #333; background-color:#333;}

.innersubnav{background-color: #fff; margin: 0 auto;/*border-top:1px solid #ccc;*/ border-bottom: 1px solid #a0a0a0; z-index: 8;}
.innersubnavlist{/*border: 1px dotted #f60; padding: 25px;*/}
.innersubnavlist ul{ display: block; margin: 18px 0px; }
.innersubnavlist ul li{ float: left; list-style: none; margin-right: 6px; margin-bottom: 0px;}
.innersubnavlist ul li a{display: inline-block; padding: 10px 20px; font-size: 15px; font-weight: bold; text-align: center; transition: color 0.3s ease; -moz-transition:color 0.3s ease; -webkit-transition:color 0.3s ease; -o-transition:color 0.3s ease; border: 1px solid #333; color:#333; background-color: #fff;}

.innersubnavlist ul li a.on, .innersubnavlist ul li a:hover{border-color:#f60; background-color: #f60; color:#fff; text-decoration: none;}
.innersubnavlist ul li span{ display: inline-block; padding: 9px 24px; font-size: 15px; color:#434343;  border:1px solid #ff6600; margin-right: 5px; border-radius:8px; background-color: white;}
.pattern{background: url(../images/product_view_bg.jpg) repeat;}
.bigpic{width:100%; padding: 35px; background: url(../images/product_view_bg.jpg) repeat; margin: 0 auto; text-align: center;}
.bigpic img{max-width:100%; margin: 0 auto; /*width:500px;*/}
.productdes{background-color: #fff;}
.productdes div, .productdes p{padding: 15px; background-color: #fff;}
.otherbigpic{display: block; margin-top: 35px;}
.otherbigpic li{list-style: none; display: inline-block; margin-right: 7px; margin-bottom: 10px;}
.otherbigpic li a{ display: block; width:80px; height: 80px; overflow: hidden; border: 1px solid #fff; background-color: #fff;}
.otherbigpic li a img{display: block; max-width: 100%;}
.otherbigpic li a:hover{border: 1px solid #ff0000;}
h3.nameH3{width:100%; font-size: 21px; margin-top: 35px; margin-bottom: 10px;}
h3.nameH3 i{color:#000; font-size: 15px;}
h3.nameH3 span{float: right; font-size: 14px; color:#777; font-weight: normal;}
h3.nameH3 span i{color:#434343; font-size: 18px;}

.contactbtn{padding-top: 35px;}
a.firsta{ display: inline-block; width:160px; height: 40px; background-color: #ff7300; color:#fff; text-align: center; font-size: 14px; border-radius: 8px; margin-bottom: 10px; margin-right: 15px; line-height: 40px;}
a.firsta:nth-of-type(2){margin-right: 0;}
a.firsta i{font-size: 20px; padding-right: 10px;}
a.firsta:hover{background-color: #ff500b; text-decoration: none;}


.productviewdiv{background-color: #fff; width: 100%; padding: 0px 0px 35px;}
.productdetailText{ width:100%; background: url(../images/ccc.jpg) left center repeat-x transparent; margin-top: 30px;}
.productdetailText span{padding-right: 20px; background-color: #fff; font-size: 22px; font-weight: bold;}
.productDetail{padding: 30px 0;}
.productDetail img{max-width: 100%;}

.newsdiv { min-height: 390px; padding: 35px 0px 70px;}
.newsitemlist{margin-bottom: 30px;}
.newsitemlist dl{ display: block; box-sizing: border-box; background-color: transparent; padding: 10px; box-shadow:none; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
.newsitemlist dl:hover{background-color: #fff; padding: 10px; box-sizing: border-box; box-shadow: 0px 0px 5px rgba(0,0,0,0.3);}
.newsitemlist dl dt{float: left;width: 40%; margin: auto;}
.newsitemlist dl dt .newswrap{position: relative; width:100%; height: 0; font-size: 0; padding-bottom: 56%; overflow: hidden;}
.newsitemlist dl dt .newswrap img{position: absolute; left: 0; top: 0; right: 0; bottom: 0; max-width: 100%;}

.newsitemlist dl dt a img{width:100%; max-width: 100%; padding-right: 20px;}
.newsitemlist dl dd{float: right; width:60%;}
.newsitemlist dl dd h4{ margin-top: 10px; margin-bottom: 15px;}
.newsitemlist dl dd a{font-size: 15px;}
.newsitemlist dl dd a:hover{color:#f60; text-decoration: none;}
.newsitemlist dl dd p{font-size: 12px; color:#999; text-align: justify; padding-right: 15px; line-height: 120%;}
.newsitemlist dl:hover dd a{color:#f60;}


.newscontainer{width:100%; background-color: #fff; margin-bottom: 0px; padding-bottom: 50px;}
.fitcontainer{padding:0px 150px;}
.newscontainer h2{background: url(../images/line-t.jpg) center center repeat-x; text-align: center; margin-bottom: 30px; font-size: 24px;}
.newscontainer h2 span{padding:5px 15px; background-color: #fff;}
p.athp{font-size: 12px; color:#777; text-align: center; margin-bottom: 35px; margin-top: -20px; font-family: 'oswaldregular';}
p.athp span{padding-left: 15px; padding-right: 15px;}
p.athp span i{padding-right: 6px;}
.newsdetails{font-family: 'oswaldregular';}
.newsdetails img{display: block; padding: 10px; text-align: center; background-color: #f5f5f5; margin: 15px auto 20px auto; max-width: 100%;}
.newsviewnextprev{margin-top: 0px; margin-bottom: 40px;}

.bdmapdivs,.teldiv{magin-top: 30px;}
.teldiv{background-color: #f9f9f9; display: block; box-sizing: border-box; padding: 35px; height: 342px;}
.teldiv i{color:#2c9a42; padding-right: 10px;}
.teldiv ul{margin-top: 35px;}
.teldiv ul li{list-style: none;}
.teldiv ul li span{width: 44px; display: inline-block; }
.teldiv ul li sup{ display: inline-block; font-size: 10px;  -webkit-transform: scale(0.8); transform: scale(0.8); color:#000;}
.teldiv ul li a{color:#333;}
.yqlj{color:#333; font-size:12px;}
.yqlj a{font-size:12px; padding:0 7px; color:#333; text-decoration:none;}
.yqlj a:hover{color:#000; text-decoration:none;}

@media(min-width:320px) and (max-width:767px)
{
	.tr1 h1 { font-size: 31px;}
	.sec3 h3 a, .sec4 h3 a, .sec5 h3 a, .sec6 h3 a, .sec7 h3 a, .sec8 h3 a, .sec9 h3 a, .sec10 h3 a{font-size: 32px;}
	.topdown-navbar {padding: 0;}
	
}

@media (min-width:320px) and (max-width:360px)
{
	.main-timeline .year{font-size: 25px;}
	.innerbanner h2 span { width: 296px;}
}

@media (min-width:360px) and (max-width:411px)
{
	.tr1 h3 { font-size: 18px;}
	.tr1 h1 { font-size: 36px;}
}

@media (min-width:412px) and (max-width:414px)
{
	.tr1 h3 { font-size: 18px;}
	.tr1 h1 { font-size: 37px;}
}

@media (max-width:767px){
	.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 400px;}
	.fixspa { padding-right: 0px;  padding-left: 0px; margin-left: -15px;  margin-right: -15px;}
	.navbar-header{min-height: 70px;}
	.navbar-toggle{margin-top: 26px;}
	.navbar-brand { padding: 17px 15px;}
	.navbar-brand img{ width: 160px;}
	.nav > li{border-bottom:1px solid #f5f5f5;}
	.nav > li:last-child{border-bottom:none;}
	.nav > li > a {  padding: 10px 15px !important;	}
	.navbar-nav > .active > a {	background-color: #f8f7f6!important;}
	.navmenu li{border-bottom: none;}
	.navmenu li a {  display: block;  padding: 10px 0px 10px 30px!important;  font-size: 14px; font-weight: normal; color: #ccc!important;  background-color: #2a2f36!important;  border-bottom: 1px solid #191d22; border-top:1px solid #4b515a; line-height: 1.42857143;}
	#footer { position:static;}
	
	.sec1,.sec2,.sec3,.sec4,.sec5,.sec6,.sec7,.sec8,.sec9,.sec10{padding-top: 0em!important; padding-bottom: 0em!important;}
	.sec3 h3 { margin-top: 40px;}
	.sec4 h3 { margin-top: 40px;}
	.sec4item { width: 100%; min-height: 416px; margin-bottom: 15px;}
	.sec4itemp1 {  width: 100%; font-size: 12px; padding-bottom: 0;}
	.sec4itemp1 strong { font-size: 14px;}
	.sec4itempic1 { width: 100%; background-size: 80%; background-position: center center;}
	.sec4itempic2 { width: 100%; background-position: center center; background-size: 80%;}
	.sec4itemp2 { width: 100%; padding-top: 0; font-size: 12px;}
	.sec4itemp2 strong { font-size: 14px;}
	.sec4itemp3{width:100%; padding-bottom: 0; font-size: 12px;}
	.sec4itemp3 strong { font-size: 14px;}
	.sec4itempic3{ width: 100%; background-position: center; background-size: 80%;}
	.sec5 h3{margin-top: 40px; margin-bottom: 30px;}
	.sec5item{width:46%; margin: 0 2%; height: 256px;}
	.sec5item p {padding: 18px; font-size: 12px;}
	.sec6 h3{margin-top: 40px; margin-bottom: 30px;}
	.sec6_item_con { margin-bottom: 15px;}
	.sec6_item_con:nth-child(even){padding-left: 0;padding-right: 20px;}
	.sec7 h3{margin-top: 40px; margin-bottom: 30px;}
	.sec7item:nth-child(even){padding-left: 0;padding-right: 20px;}
	.sec7item .shell { padding-top: 0px; padding-bottom: 0px;}
	.sec7item .shell .advantages i {font-size: 48px;}
	.shell:hover .advantages i{transform: translateY(-2px)}
	.sec7item p { padding: 20px; padding-top: 30px; color: #fff; font-size: 12px;}
	.sec8 h3{margin-top: 40px; margin-bottom: 0px;}
	.sec9 h3{margin-top: 40px; margin-bottom: 30px;}
	.sec10{padding-bottom: 80px!important;}
	.sec10item2 { background: url(../images/vbj.jpg) 46px top repeat-x #fff;}
	.video_shell { margin: 20px auto 0px;  text-align: center;}
	.my-video-dimensions { width: 100%; height: 300px;}
	.iplist, .iabout, .iinfo { background: none;}
	.currentdiv a { padding: 0 8px;}
	.currentdiv span{display: none;}
	.maindiv { min-height: 500px;  padding: 0px 0px 40px;}
	.innerbanner{ margin: 75px auto 0; height: 175px;}
	.innerbanner h2{margin: 32px auto 0px; font-size: 24px;}
	
	.bodycontent{background: none;}
	
	.wms1ul{padding: 0px; }
	.tworow-2{width:100%; height: 78px; text-align: center; background: url(../images/cofferArrowDown.png) center bottom no-repeat; padding-top: 22px;}
	.tworow-2 p{background-color: #fff; padding-bottom: 0px;}
	.tworow-3 img{max-width: 100%;}
	
	.wms2ul{padding: 0px; }
	*{ touch-action: auto;}
	.otherbigpic li a { display: block; width: 80px; height: 80px; overflow: hidden; border: 1px solid #ccc;}
	
	.newsitemlist{margin-bottom: 30px; border-bottom: 1px dashed #ccc;}
	.newsitemlist dl{ display: block; box-sizing: border-box; background-color: transparent; padding: 0px;}
	.newsitemlist dl:hover{background-color: transparent; padding: 0px; box-sizing: border-box;}
	.newsitemlist dl dt{width:100%;}
	.newsitemlist dl dd{width:100%;}
	.newsitemlist dl dd{width:100%;}
	.newsitemlist dl dd a{font-size:14px;}
	.newsitemlist dl dt a img{width:100%; max-width: 100%; padding-right: 0px;}
	
	.newscontainer { width: 100%;  background-color: #fff;  margin-bottom: 0px;  padding-bottom: 0px; padding-left: 15px; padding-right: 15px;}
	.newscontainer h2{background: none; text-align: left; margin-bottom: 30px; font-size: 21px;}
	.newscontainer h2 span{padding: 0px;}
	
	.newsviewnextprev{margin-top: 0px; margin-bottom: 20px;}
	.fitcontainer{padding:0px;}
	
	.amscontent h2{font-size: 21px;}
	.amscontent h2 small {display: block; padding-left: 0px; padding-top: 8px;  font-size: 13px;}
	.dangandiv { background-color: #3d86ef; border-radius: 8px; text-align: center; font-size: 18px; color: #fff; height: 54px; line-height: 52px; margin: 0 auto; width: 90%;}
	
	.danganArrow-leftBottom-rightTop,
	.danganArrow-center-center,
	.danganArrow-leftTop-rightBottom
	{ display: inline-block; width:30%;  background: url(../images/blueArrowDown.png) center bottom no-repeat transparent; height: 100px; margin: 0% 1%;}

	.danganBox { display: inline-block; width: 30%; padding: 5px; border: 1px solid #3d86ef; margin-bottom: 50px; position: relative; border-radius: 0px; float: left; margin-left: 1%; margin-right: 1%;}
	.danganBox h3 {margin: 0px 0px 10px 0px; position: static; top: 0px; left: 0px; width: 100%; height: 26px; border-radius: 0px; font-size: 12px; text-align: center; color: #fff; line-height: 24px;
    background-color: #3d86ef;}
	
	.treerowdiv { background: url(../images/500086892.jpg) 158px center no-repeat; margin-bottom: 15px;}
	.treerowp {  padding: 25px; font-size: 14px;  color: #333;}
	.treerow p strong {  font-size: 21px;}
	.treerow ul li { padding-left: 0px; font-size: 16px;}
	
	.treerowdiv2 { padding: 6px 30px 70px 118px; background: url(../images/a.png) left top no-repeat; background-size: 100px 162px;}
	.treerowdiv3 { padding: 6px 30px 70px 118px; background: url(../images/b.png) left top no-repeat; background-size: 100px 162px;}
	.treerowdiv4 { padding: 6px 30px 70px 118px; background: url(../images/c.png) left top no-repeat; background-size: 100px 162px;}
	.treerowdiv5 { padding: 6px 30px 70px 118px; background: url(../images/d.png) left top no-repeat; background-size: 100px 162px;}
	.treerowdiv2 p, .treerowdiv3 p, .treerowdiv4 p, .treerowdiv5 p{font-size: 12px;}
	
	.treerowdiv6 { padding-bottom: 162px; background: url(../images/e.png) bottom center no-repeat;  background-size: 90%;}
	.amsul li { font-size: 12px; line-height: 1.8em;}
	.wmscontent h2{font-size: 21px;}
	.wmscontent h3{font-size: 19px;}
	.wms1ul li { list-style: none; font-size: 13px; line-height: 1.8;}
	.wms2ul li { list-style: none; font-size: 13px; line-height: 1.8;}
	
	.productdiv { background-color: #fff; min-height: 390px;}
	.productdes div, .productdes p{padding: 0px;}
	.bigpic {  width: 100%; padding: 0;}
	.prolistwrap { max-width: 250px; margin: 0 auto; border: 1px solid #ccc;}
	.innersubnav .container{padding-left: 0; padding-right: 0;}
	.panel-body ul li { list-style: inside square;  line-height: 3em; border-top: 1px solid #ccc;  padding-left: 15px;  padding-right: 15px;}
	.panel-body ul li:first-child{border-top: none;}
	
	.panel { margin-bottom: 0px; background-color: #ffffff; border: 1px solid transparent;  border-radius: 0px; -webkit-box-shadow: none; box-shadow: none;}
	h3.nameH3 { width: 100%; font-size: 21px; margin-top: 35px;  margin-bottom: 10px; text-align: center;}
	h3.nameH3 i{display: none;}
	h3.nameH3 span { display: block; float: none; font-size: 12px; color: #777; font-weight: normal; margin-top: 15px; text-align: center; border-top: 1px solid #ccc; padding-top: 4px;}
	h3.nameH3 span i{display: inline;}
	.pager { padding-left: 0; margin: 20px 0; list-style: none;  text-align: left;}
	.pager li { display: inline-block; width: 100%; height: 46px; margin-bottom: 22px;}
	.pager li span{margin-right: 5px;}
	.pager li a{padding-left: 5px;}
	.pager .previous > a, .pager .previous > span {float: none; display: inline; line-height: 28px;}
	.pager .next > a, .pager .next > span { float: left;}
	p.athp span { padding-left: 0px; padding-right: 15px;}
	
	.teldiv {background-color: #fff; display: block; box-sizing: border-box; padding: 0px 35px; height: 234px;}
	.bdmapdivs{padding-left: 0; padding-right: 0;}
}
@media (min-width:768px) and (max-width:1023px){
	.tr1 h1 { font-size: 38px;}
	.topmenu1 {padding-left: 20px;  padding-right: 10px;  margin-right: -25px;}
	.topmenu2 { margin-top: 22px;  width: 100%; padding-left: 0px;}
	.topdown-navbar {padding: 15px 0;}
	/*
	.topdown-navbar li a { display: block; padding: 10px!important; margin: 0px;  color: #111111!important;  font-weight: bold;  transition: all 0.4s ease;  -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;  -o-transition: all 0.4s ease;  position: relative; line-height: 1.42857143; border: 1px solid #ccc; border-radius: 6px;}
	.topdown-navbar li a:hover:after{height: 3px;left: 0;right: 0;width: 100%; background:transparent;}*/
	
	.sec3 h3 { margin-top: 200px;margin-bottom: 35px;}
	.sec3item { margin: 5px 30px; margin-left: 112px; }
	.sec4 h3{margin-top: 200px;margin-bottom: 35px;}
	.sec5 h3{margin-bottom: 30px; margin-top: 160px;}
	.sec6 h3{margin-bottom: 30px; margin-top: 200px;}
	.sec7 h3{margin-bottom: 30px; margin-top: 200px;}
	.sec8 h3{margin-bottom: 0px; margin-top: 200px;}
	.sec9 h3{margin-bottom: 0px; margin-top: 200px;}
	
	.sec4itemp1 {text-align: left; padding: 30px 20px 0px; color: #fff; font-size: 14px;}
	.sec4itemp2 {text-align: left; padding: 0px 20px 70px; color: #fff; font-size: 14px;}
	.sec4itemp3 {text-align: left; padding: 40px 20px 70px; color: #fff; font-size: 14px;}
	.sec4itempic1 { background-position: center; background-size: 80%;}
	.sec4itempic2 { background-position: center; background-size: 80%;}
	.sec4itempic3 { background-position: center; background-size: 80%;}
	
	.sec5item p { height: 248px;  padding: 22px 20px;}
	.sec6_item_con { margin-bottom: 15px;}
	.corelTerm img {  border-radius: 50%;}
	.my-video-dimensions { width: 100%; height: 300px;}
	.tworow-1 p{font-size: 12px;}
	.tworow-2 p{font-size: 12px;}
	
	.bodycontent { background: url(../images/500600484.jpg) right center no-repeat; background-size: 56%;}
	.wms1ul { padding: 42px 0 0 10px;}
	.treerowdiv { background: url(../images/500086892.jpg) 170px center no-repeat;}
	.treerowdiv6 {background: url(../images/e.png) bottom center no-repeat; padding-bottom: 130px;  background-size: 80%;}
	.fitcontainer { padding: 0px 30px;}
}

@media (min-width:1024px) and (max-width:1365px){
/*	.nav > li > a { padding: 28px 26px 35px!important;}*/
	.navbar-brand { float: left; padding: 22px 0px; font-size: 18px; line-height: 20px;  height: 50px; position: relative; top:-14px;}
	.navbar-brand > img { display: block; width: 150px;}
	/*.topdown-navbar li a {font-size: 12px;}*/
	.topmenu2{padding-left: 50px;}
	.sec3item {  margin-left: 200px;}
	.sec5item p { padding: 24px;}
}

@media(min-width:1280px) and (max-width:1365px)
{
	.sec1,.sec2,.sec3,.sec4,.sec5,.sec6,.sec7,.sec8,.sec9,.sec10{padding-top: 0em!important; padding-bottom: 0em!important;}
	.sec3item { margin-left: 50px;}
	.sec3 h3 { margin-top: 40px; margin-bottom: 10px;}
	.sec4 h3 { margin-top: 40px;}
	.sec4item {min-height: 370px;}
	.sec4itemp1 { text-align: left; padding: 30px 20px 0px; color: #fff; font-size: 12px;}
	.sec4itemp2 { text-align: left; padding: 0px 20px 40px; color: #fff; font-size: 12px;}
	.sec4itemp3 { text-align: left; padding: 30px 20px 0px; color: #fff; font-size: 12px;}
	.sec5 h3 { margin-bottom: 40px; margin-top: 0px;}
	.sec7 h3 { margin-bottom: 40px; margin-top: 20px;}
	.sec8 h3 { margin-bottom: 0px; margin-top: 50px;}
	.sec10{padding-bottom: 80px!important;}
	.sec10item2 {background: url(../images/vbj.jpg) 46px top repeat-x #fff;}

}

@media(min-width:1366px) and (max-width:1399px)
{
	.topmenu2{padding-left: 66px;}
	.sec3{padding-top: 0em!important; padding-bottom: 0em!important;}
	.sec4item{min-height: 382px;}
	.sec4itemp1{padding-bottom: 0px; line-height: 1.1;}
	.sec4itemp2{padding-bottom: 0px; padding-top: 0px; line-height: 1.1}
	.sec4itemp3{padding-bottom: 0px;}
	.sec6{padding-top: 4em!important; padding-bottom: 1em!important;}
	.sec6 h3{margin-bottom: 50px; margin-top: 0px;opacity: 0;}
	.sec8{padding-top: 4em!important; padding-bottom: 1em!important;}
	.sec8 h3 a{font-size: 30px;}
	.sec8 h3{margin-bottom: 20px;}
	.main-timeline .year {font-size: 24px!important;}
	.sec10{padding-top: 3em!important; padding-bottom: 0em!important;}
	
	.aboutbanner{background: url(../images/about_banner.jpg) center top no-repeat; width:100%; height: 224px;}
}